﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>注册 登录</title>
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
	<div id="header">
		<div class="bg">
			<div class="topBar">
				<div class="welcome">
					亲，欢迎光临爱手网！ 请<a href="#">登录</a> <a href="#">免费注册</a>
				</div>
				<div class="tnav fn-clear">
					<a href="#">爱手网工首页<img src="images/tnav1.gif" width="12" height="12" /></a> | <a
						href="#">我的购物车<img src="images/tnav2.gif" width="16" height="12" /></a> | <a href="#">
							我的收藏夹</a> | <a href="#">服务中心</a> | <a href="#">网站导航</a>
				</div>
			</div>
		</div>
		<div class="r2 fn-clear">
			<div class="logoBox">
				<a href="首页.html">
					<img src="images/temp/logo.jpg" width="184" height="66" alt="" /></a>
			</div>
			<div class="searchBox">
				<div class="form">
				<input type="text" class="txtKey" />
				<input type="submit" class="btnSubmit" value="搜索" />
				</div>
				<div class="keyWords">
					<span>热门：</span> <a href="#">托特包</a> <a href="#">托特包</a> <a href="#">托特包</a> <a href="#">
						托特包</a> <a href="#">托特包</a>
				</div>
			</div>
			<div class="tel">
				<img src="images/tel.jpg" width="175" height="54" alt="" />
			</div>
		</div>
		<div id="menu">
			<ul class="main">
				<li><a href="#">爱手工网</a></li>
				<li><a href="#">手工斜挎包</a></li>
				<li><a href="#">手工双肩包</a></li>
				<li><a href="#">手工手拎包</a></li>
				<li><a href="#">手工钱包</a></li>
				<li><a href="#">手工男鞋</a></li>
				<li><a href="#">手工女鞋</a></li>
				<li><a href="#">手工配件</a></li>
			    <li class="no-border"><a href="#">DIY教室</a></li>
                <li class="pic"><a href="#"><img src="images/pic-zxhd.png"/></a></li>
			</ul>
		</div>
	</div>
	<div id="container">
		<div class="fn-clear">
			<div class="lrBox smallBox loginBox">
				<div class="top">
					<div class="left">
					</div>
					<h1>
						登录爱手工网</h1>
					<div class="right">
					</div>
				</div>
				<div class="cmain">
					<form>
					<table class="tblLogin">
						<tr>
							<th>
							</th>
							<td>
								<p class="tip">
									已注册会员用户请从这里登录</p>
							</td>
						</tr>
						<tr>
							<th>
								帐 号：
							</th>
							<td>
								<input type="text" class="bg-main txt1" />
							</td>
						</tr>
						<tr>
							<th>
								密 码：
							</th>
							<td>
								<input type="text" class="bg-main txt1" />
							</td>
						</tr>
						<tr>
							<th>
							</th>
							<td>
								<a href="#" class="forget">忘记密码？</a>
							</td>
						</tr>
						<tr>
							<th>
							</th>
							<td>
								<input type="submit" class="loginSubmit btn" value="&nbsp;" /><!--登录-->
							</td>
						</tr>
					</table>
					</form>
					<hr class="dashLine" />
					<div class="hands">
						<p>
							使用合作网站帐号登录：</p>
						<p>
							<a href="#">
								<img src="images/zfb.jpg" width="15" height="15" />
								支付宝快捷登录</a> | <a href="#">
									<img src="images/tb.jpg" width="16" height="16" />
									淘宝用户</a> | <a href="#">
										<img src="images/qq.jpg" width="16" height="16" />
										用QQ帐号登录</a>
						</p>
					</div>
					<p class="onlineService">
						有任何疑问请点击 <a href="#">在线客服</a>
					</p>
				</div>
			</div>
			<div class="lrBox smallBox regBox">
				<div class="top">
					<div class="left">
					</div>
					<h1>
						注册新用户</h1>
					<div class="right">
					</div>
				</div>
				<div class="cmain">
					<form>
					<table class="tblReg">
						<tr>
							<th>
								填写E-MAIL地址/手机号码：
							</th>
							<td>
								<input type="text" class="bg-main txt1" />
								<p class="tip">
									请填写有效的Email地址作为下次登录的用户名，同时我们也会给这个地址发送您的帐户信息、订单通知等……</p>
							</td>
						</tr>
						<tr>
							<th>
								请设定密码：
							</th>
							<td>
								<input type="text" class="bg-main txt1" />
								<p class="tip">
									密码请设为6-16位字母或数字</p>
							</td>
						</tr>
						<tr>
							<th>
								请再次输入设定密码：
							</th>
							<td>
								<input type="text" class="bg-main txt1" />
							</td>
						</tr>
						<tr>
							<th>
								请输入验证码：
							</th>
							<td>
								<input type="text" class="bg-main txt3" />
								<a href="#">
									<img src="images/temp/code.gif" />
								</a>
							</td>
						</tr>
						<tr>
							<th>
								推荐人的帐号或手机号码：
							</th>
							<td>
								<input type="text" class="bg-main txt1" />
								<p class="tip">
									如果没有可不填写</p>
							</td>
						</tr>
						<tr>
							<th>
							</th>
							<td>
								<input type="checkbox" />
								<label for="">
									我已阅读并统一《和茶网交易条款》</label>
							</td>
						</tr>
						<tr>
							<th>
							</th>
							<td>
								<input type="submit" class="btnSubmit btn" value="&nbsp;" /><!--注册-->
							</td>
						</tr>
					</table>
					</form>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="txtLists fn-clear border1">
				<div class="txtList">
					<p class="title">
						新手上路</p>
					<ul>
						<li><a href="#">帐户自助服务</a></li>
						<li><a href="#">新用户注册</a></li>
						<li><a href="#">怎样下订单</a></li>
						<li><a href="#">注册常见问题</a></li>
					</ul>
				</div>
				<div class="txtList">
					<p class="title">
						新手上路</p>
					<ul>
						<li><a href="#">帐户自助服务</a></li>
						<li><a href="#">新用户注册</a></li>
						<li><a href="#">怎样下订单</a></li>
						<li><a href="#">注册常见问题</a></li>
					</ul>
				</div>
				<div class="txtList">
					<p class="title">
						新手上路</p>
					<ul>
						<li><a href="#">帐户自助服务</a></li>
						<li><a href="#">新用户注册</a></li>
						<li><a href="#">怎样下订单</a></li>
						<li><a href="#">注册常见问题</a></li>
					</ul>
				</div>
				<div class="txtList">
					<p class="title">
						新手上路</p>
					<ul>
						<li><a href="#">帐户自助服务</a></li>
						<li><a href="#">新用户注册</a></li>
						<li><a href="#">怎样下订单</a></li>
						<li><a href="#">注册常见问题</a></li>
					</ul>
				</div>
				<div class="txtList">
					<p class="title">
						新手上路</p>
					<ul>
						<li><a href="#">帐户自助服务</a></li>
						<li><a href="#">新用户注册</a></li>
						<li><a href="#">怎样下订单</a></li>
						<li><a href="#">注册常见问题</a></li>
					</ul>
				</div>
				<div class="txtList service">
					<p class="title">
						在线客服&lt;&lt;</p>
					<a href="#" class="s">点击这里进入</a>
				</div>
			</div>
			<div class="hot">
				<span>热门包包:</span> <a href="#">双肩包</a> <a href="#">双肩包</a> <a href="#">双肩包</a> <a
					href="#">双肩包</a>
			</div>
			<div class="tips border1">
				<div class="imgBox">
					<img src="images/tip.jpg" alt=""/>
				</div>
			</div>
			<p class="copyright">
				Copyright&copy; 2007-2011 福建和茶网科技有限公司 版权所有，并保留所有权利 闽ICP证：闽10222030号
			</p>
		</div>
	</div>
</body>
</html>